<template>
  <div class="we">
    <!-- 首图 -->
    <banner :bdata="bannerData"></banner>

    <div class="we_warp">
      <div class="we_img">
        <img src="@/assets/Productpage_51/contact_tg_qrcode.png" alt="" />
      </div>
      <ul class="we_ul">
        <li class="we_li">
          <p>51出海致力于全球社交引流服务</p>
        </li>
        <li class="we_li">
          <p>
            咨询产品请扫码联系TG电报:
            <a class="we_li_a" href="https://t.me/www51ch">@www51ch</a>
          </p>
        </li>
      </ul>
    </div>

  </div>
</template>

<script>
import banner from "@/components/banner"; //首图

export default {
  name: "we",
  components: {
    banner,
  },
  data() {
    return {
      bannerData: {
        bkImage: {
          backgroundSize: "100% auto",
          backgroundRepeat: "no-repeat",
          backgroundImage:
            "url(" + require("@/assets/product_page_title/top_page_infor_whatsapp_bg@2x.png") + ")",
        },
        list: {
          title: null,
          content:
            "所有与whatsapp相关信息，包括whatsapp拓客系统、whatsapp引流技巧、whatsapp群发消息whatsapp介绍、whatsapp海外资讯、whatsapp私域流量玩法、whatsapp群组等等",
        },
      },
    };
  },
};
</script>

<style scoped>
.we /deep/ .banner_warp_item_p > p{
  color: #1d2845;
  font-weight: bold;
}
.we /deep/ .banner_warp_item_p > p{
  color: #1d2845;
  font-weight: bold;
}
.we /deep/ .banner_warp_item_p > p {
  color: #1d2845;
  font-weight: bold;
}
.we /deep/ .banner_warp_item_p > p {
  font-size: 1.3em;
  width: 68%;
}
.we /deep/ .banner {
  height: 300px;
}
.we_warp {
  padding: 25px 15px;
  background: #f7f7f8;
}
.we_img {
  text-align: center;
  width: 100%;
}
.we_img > img {
  width: 60%;
}
.we_ul {
  margin-top: 20px;
}
.we_li {
  font-size: 1.2em;
  font-weight: bold;
  padding: 4px 0;
  color: #1d2845;
}
.we_li_a{
  color: #0067cf;
}
</style>